<template>
  <div>
    <CommentInput label="发送" @send="(c)=>$emit('send',c)"></CommentInput>

    <br />

    <Comment v-for="comment in comments" :comment="comment" :key="comment.Id"></Comment>
  </div>
</template>

<script>
import CommentInput from "./CommentInput";
import Comment from "./Comment";

export default {
  name: "CommentSection",
  components: { CommentInput, Comment },
  props: {
    comments: {
      required: true,
      type: Array,
    },
  },
};
</script>

<style scoped></style>
